<style type="text/css">
    .col-sm-2{
        width: 15%;
    }
    .status_input{
        width: 10%
    }
    .asideDetails{
        position: fixed;
        top: 50px;
        right: -550px;
        width: 550px;
        transition: right 0.2s;
        -webkit-transition: right 0.2s;
        z-index: 1055; 
        height: 775px;
        background-color: #fff;   
        z-index: 1200;     
    }
    .asideDetails.active{
        right: -1px;
    }
    #backModel{
        position: absolute;
        top: 0;
        left: 0;
        display: none;
        background-color: rgba(9, 9, 9, 0.35);
        width: 100%;
        height: 100%;
        z-index: 1100;
    }
    .dataTables_empty{
        text-align: center;
        background-color: #f9f9f9;
    }
</style>
<div style="padding-top: 0px;" ng-controller="houseOwnerListCtl">
    <div class="loan-title pos-rlt box-shadow">电表管理
            <span><img src="img/user.png"></span>
            <div class="clear"></div>
    </div>
    <div class="panel-body">
        <form class="form-group line-prices">
            <div class="fl">
                <div class="loan-select">
                    <ui-select ng-model="checkStatus.selected" theme="bootstrap" >
                        <ui-select-match placeholder="通电状态" style="overflow: hidden;">{{$select.selected.name}}</ui-select-match>
                        <ui-select-choices repeat="item in powerTypeArray | filter: $select.search">
                        <div ng-bind-html="item.name | highlight: $select.search"></div>
                        </ui-select-choices>
                    </ui-select>
                </div>
            </div>
            <div class="fl">
                <div class="loan-select">
                    <ui-select ng-model="decorateStatus.selected" theme="bootstrap">
                        <ui-select-match placeholder="异常门锁" style="overflow: hidden;">{{$select.selected.name}}</ui-select-match>
                        <ui-select-choices repeat="item in lockTypeArray | filter: $select.search">
                        <div ng-bind-html="item.name | highlight: $select.search"></div>
                        </ui-select-choices>
                    </ui-select>
                </div>
            </div>
            <div style="padding-left: 0px;">
                <div class="fl">
                    <div class="input-group pull-left">
                        <input type="text" style="width: 275px; "placeholder="请输入房间号查询" class="form-control form-control-height" datepicker-popup="{{format}}" ng-model="contractEndDate" is-open="openContractEndDated" datepicker-options="dateOptions" close-text="关闭" clear-text="清除" current-text="今天" />
                        <!-- <span class="input-group-btn">
                        <button type="button" class="btn btn-default" ng-click="openContractEndDate($event)"><i class="glyphicon glyphicon-calendar"></i></button>
                        </span> -->
                    </div>
                </div>
            </div>
            <button class="btn-yellow" ng-click="queryUser()">搜索</button>
            <button class="btn-yellow-change" ng-click="priceMange()">电价管理</button>
        </form>
    </div>
    <div class="row wrapper-md">
        <div class="col-md-12">
            <div class="panel panel-default col-md-12" style="padding: 0px;">
                <div class="table-responsive" id="tableChanged" ng-model="tableChanged">
                    <table ui-jq="dataTable" ui-options="dataTableSettings"  ui-callback="initFinish" class="table table-striped m-b-none">
                        <thead style=" background: #eee;">
                            <tr>
                            </tr>
                        </thead>
                        <tbody>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
    <div id="backModel"></div>
</div>

<div ng-controller="viewElectricDetailsCtrl" class="asideDetails">
    
</div>

